<!--# layout("/common/leftmallout.html",{"jsBase":"/js/user/userSecurity/"}){ -->
<link rel="stylesheet" href="http://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/
mall/style/member.css">
<div class="center">
	<div class="section">
		<!-------------面包屑--------------------->
		<div class="bread-crumbs">
			 <br/>
		</div>
		<!------------------主体结构--------------------->
		<div class="small-page">
			<!--左侧-->
			
			<!-------左侧end-------->
			<!-------右侧-------->
			<!-- 步骤图 -->
			<div class="page-article">
				<div class="area_mend_head">
					<span>设置支付密码</span>
				</div>
				<div class="area_mend_head_box">
					<p class="p_rod">
						<span class="active">1</span> <i>填写信息</i>
					</p>
					<p class="p_bor"></p>
					<p class="p_rod">
						<span>2</span> <i>身份验证</i>
					</p>
					<p class="p_bor"></p>
					<p class="p_rod">
						<span>3</span> <i>设置密码</i>
					</p>
					<p class="p_bor"></p>
					<p class="p_rod">
						<span>4</span> <i>完成</i>
					</p>
				</div>

				<!------------1-------------->
				<div class="area_mend_body" >
					<div class="area_password">
						<p>
							<label>填写登录名：</label> <span> <input class="login_input" type="text" placeholder="请填写登录用户名" />
							</span>
						</p>
						<p>
							<label>手机号码：</label> <span> <input class="phone_input" type="text" placeholder="请填写注册手机号" />
							</span>
						</p>
					

						<p>
							<label></label> <span> <a href="javascript:void(0)"
								class="passeord_but step_1">下一步</a>
							</span>
						</p>
					</div>

					<!----------2---------->
					<div class="area_password" style="display: none;">
						
						<p>
							<label>登录名：</label> 
							<span> <input  class="login_input" style="border: none;"
								type="text" readonly />
							</span>
						</p>
						<p>
							<label>手机号码：</label> 
							<span> <input  class="phone_input" type="text"
								style="border: none;" readonly  />
							</span>
						</p>
						<p>
							<label>智能验证：</label> 
							<span id="sc1"></span>
						</p>
						<p>
							<label>验证码：</label> 
							<span> <input class="code_input" type="text"
								placeholder="| 请输入验证码" /> 
								<a href="javascript:void(0)" class="huoqu_vcode">获取验证码</a>
							</span>
						</p>
						<p>
							<label></label> 
							<span> <a href="javascript:void(0)"
								class="passeord_but step_2">下一步</a>
							</span>
						</p>
					</div>

					<!-----------3------------>
					<div class="area_password" style="display: none">
						<p>
							<label>支付密码：</label> <span> <input class="note_password_input" type="password" />
							</span>
						</p>
						<p>
							<label>确认密码：</label> <span> <input class="password_input"  type="password" />
							</span>
						</p>
						<p>
							<label></label> <span> <a href="javascript:void(0)"
								class="passeord_but step_3">下一步</a>
							</span>
						</p>
					</div>


					<!----------4密码设置完成-------------->

					<div class="area_password_all area_password" style="display: none">
						<p>
							<i></i>
						</p>
						<p>
							<strong> 恭喜您，您的支付密码已经设置完成，将会获取更好的安全体验！</strong>
						</p>
						<p>
							<a href="javascript:void(0)" class="passeord_but step_4">完成</a>
						</p>
					</div>
					<!----------------------->
				</div>
			</div>
			<!-------右侧end-------->
		</div>
		<!------------------->
	</div>
</div>
<!--#} -->


<!-- End Matomo Code -->    <!-- 阿里云验证码代码 -->
<script src="//g.alicdn.com/sd/smartCaptcha/0.0.3/index.js"></script>
<script>
    window.NVC_Opt = {
        appkey:'FFFF00000000017E28ED',
                scene:'ic_register',
                renderTo:'#captcha',
        trans: {"key1": "code0", "nvcCode":200},
        elements: [
            '//img.alicdn.com/tfs/TB17cwllsLJ8KJjy0FnXXcFDpXa-50-74.png',
            '//img.alicdn.com/tfs/TB17cwllsLJ8KJjy0FnXXcFDpXa-50-74.png'
        ],
        bg_back_prepared: '//img.alicdn.com/tps/TB1skE5SFXXXXb3XXXXXXXXXXXX-100-80.png',
        bg_front: '',
        obj_ok: '//img.alicdn.com/tfs/TB1rmyTltfJ8KJjy0FeXXXKEXXa-50-74.png',
        bg_back_pass: '//img.alicdn.com/tfs/TB1KDxCSVXXXXasXFXXXXXXXXXX-100-80.png',
        obj_error: '//img.alicdn.com/tfs/TB1q9yTltfJ8KJjy0FeXXXKEXXa-50-74.png',
        bg_back_fail: '//img.alicdn.com/tfs/TB1w2oOSFXXXXb4XpXXXXXXXXXX-100-80.png',
        upLang:{"cn":{
                _ggk_guide: "请摁住鼠标左键，刮出两面盾牌",
                _ggk_success: "恭喜您成功刮出盾牌<br/>继续下一步操作吧",
                _ggk_loading: "加载中",
                _ggk_fail: ['呀，盾牌不见了<br/>请', "javascript:noCaptcha.reset()", '再来一次', '或', "http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题'],
                _ggk_action_timeout: ['我等得太久啦<br/>请', "javascript:noCaptcha.reset()", '再来一次', '或', "http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题'],
                _ggk_net_err: ['网络实在不给力<br/>请', "javascript:noCaptcha.reset()", '再来一次', '或', "http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题'],
                _ggk_too_fast: ['您刮得太快啦<br/>请', "javascript:noCaptcha.reset()", '再来一次', '或', "http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题']
            }
        }
    }
</script>
<script src="//g.alicdn.com/sd/nvc/1.1.112/guide.js"></script>
<script>
    aliVerifyStatus=false;
    window.onload = function(){
        window.ic = new smartCaptcha({
            renderTo: '#sc1',
            width: 300,
            height: 42,
            default_txt: '点击按钮开始智能验证',
            success_txt: '验证成功',
            fail_txt: '验证失败，请在此点击按钮刷新',
            scaning_txt: '智能检测中',
            success: function(data) {
                console.log(NVC_Opt.token)
                console.log(data.sessionId);
                console.log(data.sig);
                aliSessionId=data.sessionId;
                aliToken=NVC_Opt.token;
                aliSig=data.sig;
                aliScene=NVC_Opt.scene;
                aliVerifyStatus=true;
            },
        });
        ic.init();
        try {
            if(typeof captchaInit === "function") { //是函数
                captchaInit();
            } else { //不是函数

            }
        } catch(e) {}
    }
</script>
<!-- end 阿里云验证码 -->
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
<script >
layui.use(['setAdvancePass'], function(){
    var quoteAdvancePassIndex = layui.setAdvancePass
    quoteAdvancePassIndex.init();
});

$('#securitycenter').css({'color':'#6647b2','font-weight':'900'});
</script>

<script >

	var html=$('.page-aside');
	var righthtml=$('.page-article');
	$('.small-page').empty();
	$('.small-page').append(html);
	$('.small-page').append(righthtml);

</script>

<style>
.huoqu_vcode {
	padding: 10px;
    width: 100px;
    height: 42px;
    background-color: #6647b3;
    color: #fff;
    
}
.code_input {
	width:278.03px!important;
}

</style>